<template>
<div>
    <theader :city="city"></theader>
    <!-- <router-link to="test" >go to list</router-link>  -->
    <!-- replace event="mouseover" -->
    <homeSwiper></homeSwiper>
    <icons :icon_list="icon_list"></icons>
    <recommend></recommend>
</div>
</template>

<script>
import theader from './components/theader'
import homeSwiper from './components/swiper'
import icons from './components/icons'
import recommend from './components/recommend'
import axios from 'axios'
export default {
  name: 'home',
  components: {
        theader,
        homeSwiper,
        icons,
        recommend
    },
    data() {
        return {
            icon_list: [],
            city: '',
        }
    },
    methods: {
        getList1(){
            axios.get('/api/list1.json').then(res=>{
                console.log('list1.json',res);
                this.icon_list = res.data.icon_list;
                this.city = res.data.city;
                console.log('list1.jsonaaaa',res.data.icon_list);
            });
        }
    },
    mounted() {
        this.getList1();
    }
}
</script>

<style>
*{
    padding: 0;
    margin: 0;
}
</style>


